jendela dialog alert()
alert() = menampilkan pesan ke pengguna dengan tombol "OK" untuk menutupnya
- window.alert("alert")
- alert("alert")
<button onclick="alert('ini adalah button alert')"></button>
jendela dialog confirm()
confirm() = untuk mengonfirmasi tindakan pengguna dengan dua pilihan "ok" dan "batal"
- confirm("apakah ada ingin menghapus");
- function result() {
var yakin = confirm("apakah anda ingin menambahkan paragraph");
if (yakin) {
var newText = document.createElement("p");
newText.textContent =
"ini adalah paragraph, dan dapat ditampilkan hanya jika pengguna mengetik ok";
document.body.appendChild(newText);
} else {
// tindakan jika nilai false
}
}
result();
<button onclick="confirm('ini adalah button confirm')"></button>
jendela dialog prompt()
prompt() = meminta pengguna memasukan input teks dan memberikan hasilnya
- prompt("masukan nama anda: ")
- function result_3()
var inputValue = prompt("siapa nama anda: ");
if (inputValue !== null) {
let newText = document.createElement("p");
newText.innerHTML = "halo " + inputValue + ", salam kenal";
document.body.appendChild(newText);
} else {
// tindakan jika nilai false
}
result_3()
<button onclick="alert('ini adalah button alert')"></button>
button untuk menghapus text p
<button id="remove">hapus pesan terakhir</button>
function resultRemove() {
var paragraphs = document.querySelectorAll("p");
if (paragraphs.length > 0) {
paragraphs[paragraphs.length - 1].remove();
}
}
var button_remove = document.getElementById("remove");
button_remove.addEventListener("click", resultRemove);